<template>
    <div>
        <navBar v-on="$listeners" v-bind="$attrs" />
        <div v-html="textContent" class="text_view"></div>
    </div>
</template>

<script>
export default {
    name: 'GenescloudUiIndex',

    data() {
        return {
            textContent:null,
        };
    },
    created () {
      this.init()  
    },
    mounted() {
        
    },

    methods: {
        init(){
            this.textContent = this.$attrs.option.text || ''
        }
    },
};
</script>

<style lang="scss" scoped>
.text_view{
    padding: 0 25px;
    height: calc(100vh - 158px);
    border-radius: 10px;
    overflow-y: auto;
    box-shadow: 0 0 5px 5px #d7d2d2;
}
</style>